
.filter_box {
    // min-height: 186px;
    background: rgba(255, 255, 255, 1);
    margin: 20px 0;

    .cell_box {
        padding: 0 0 24px 0;
        display: flex;
        position: relative;
        margin: 0 16px;

        .name {
            width: 70px;
            flex-shrink: 0;
            font-size: 14px;
            font-weight: 400;
            letter-spacing: 0px;
            line-height: 14px;
            padding-top: 24px;
            color: rgba(102, 102, 102, 1);
        }

        .list_box {
            display: flex;
            flex-wrap: wrap;

            .cell {
                flex-shrink: 0;
                font-size: 14px;
                font-weight: 400;
                letter-spacing: 0px;
                line-height: 14px;
                color: rgba(51, 51, 51, 1);
                margin-left: 32px;
                margin-top: 24px;
                cursor: pointer;
            }

            .cell:hover,
            .cell_active {
                color: rgba(48, 123, 255, 1);
            }
        }
    }

    .cell_box:after {
        position: absolute;
        display: block;
        content: "";
        height: 1px;
        left: 0;
        right: 0;
        bottom: 0;
        background: rgba(238, 238, 238, 1);
    }

    .cell_box:last-child:after {
        display: none;
    }
}



.content {
    display: flex;

    .left_box {
        flex: 1;

        .hospital_list {
            background: #fff;
            padding: 24px 16px;
            box-sizing: border-box;
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;

            .news_list {
                width: 100%;
            }

            


        }

        .pagination {
            text-align: center;
            margin: 36px 0;
        }
    }

    .right_box {
        width: 302px;
        flex-shrink: 0;
        margin-left: 20px;

        .problem_box {
            //min-height: 501px;
            background: #FFFFFF;
            padding: 24px 16px;
            box-sizing: border-box;

            .head {
                position: relative;
                font-size: 24px;
                font-weight: 500;
                letter-spacing: 0px;
                line-height: 24px;
                color: rgba(51, 51, 51, 1);
                padding: 0 0 8px 16px;
                box-sizing: border-box;
            }

            .head:after {
                display: block;
                content: "";
                width: 6px;
                height: 24px;
                background: #307BFF;
                position: absolute;
                left: 0;
                top: 0;
                border-radius:20px;
            }

            .head:before {
                display: block;
                content: "";
                height: 1px;
                background: #EEEEEE;
                position: absolute;
                left: 0;
                right: 0;
                bottom: 0;
            }

            .hot_word_list {
                display: flex;
                flex-wrap: wrap;

                .cell {
                    display: flex;
                    align-items: center;
                    height: 36px;
                    padding: 0 10px;
                    border-radius: 139px;
                    background: rgba(248, 248, 248, 1);
                    margin: 16px 8px 0 0;

                    span {
                        font-size: 14px;
                        font-weight: 400;
                        letter-spacing: 0px;
                        color: rgba(51, 51, 51, 1);
                    }

                    img {
                        width: 14px;
                        height: 14px;
                        margin-right: 4px;
                    }
                }
            }
        }


        .ad_banner {
            width: 100%;
            height: 124px;
            overflow: hidden;
            margin: 20px 0;

            img {
                width: 100%;
                height: 100%;
            }
        }


    }
}

.goods_list {
    display: flex;
    flex-direction: column;
    justify-content: center;

    .goods_cell {
        width: 100%;
        margin-top: 16px;
        ::v-deep(.image_box){
            height: 150px;
        }
    }
}